<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="css/lib/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="css/lib/bootstrap-select.min.css"/>
		<script src="js/lib/jquery.min.js"></script>
		<script src="js/lib/bootstrap.min.js"></script>
		<script src="js/lib/bootstrap-select.min.js"></script>

		<link rel="stylesheet" type="text/css" href="css/page/student.css" />
		<link rel="stylesheet" type="text/css" href="css/components.css"/>
	</head>

	<body>

	
		<div class="header">
			<div class="header-top hidden-xs">
				<div class="container">
					<div class="row">
						<div class="col-md-3 col-sm-5 hidden-xs">
							<img src="img/logo_top.png" class="logo-top" />
						</div>
						<div class="col-md-offset-4 col-md-3 col-sm-4 hidden-xs">
							<form class="search mrt-10">
							  <input type="text" placeholder="站内搜索">
							  <button type="submit"></button>
							</form>
						</div>
						<div class="col-md-2 col-sm-3 hidden-xs">
							<ul class="lang mrt-10">
								<li><a href="#">English</a></li>
								<li>|</li>
								<li><a href="#">中文</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>	
			<div class="header-nav">
				<nav class="navbar navbar-default">
				  <div class="container">
				    <div class="navbar-header">
				      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				      </button>
				      <img src="img/logo_top.png" class="logo-top hidden-sm hidden-lg hidden-md"/>
				    </div>
				
				    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				      <ul class="nav navbar-nav">
							<li><a href="index.html">学校首页</a></li>
							<li><a href="#">学校行政</a></li>
							<li class="active"><a href="student.html">学校组织</a></li>
							<li><a href="library.html">校图书馆</a></li>
							<li><a href="download.html">下载中心</a></li>
				      </ul>
				    </div>
				  </div>
				</nav>
			</div>
		</div>
		
		<div class="content">
			<div class="container">
				<div class="row">	
					<div class="col-md-2 col-sm-3">
						<div class="list-with-title xs-style">
							<div class="list-group hidden-xs">
							  <div class="hd">学校组织</div>
							  <a href="#" class="list-group-item active">学生会</a>
							  <a href="#" class="list-group-item">家长会</a>
							  <a href="#" class="list-group-item">教师团队</a>
							</div>
							<ul class="list-nav hidden-lg hidden-md hidden-sm">
								<li class="active"><a href="student.html">学生会</a></li>
								<li><a>家长会</a></li>
								<li><a href="teacher.html">教师团队</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-10 col-sm-9">
						<div class="section current-union">
							<div class="title">
								<h3>当代学生会<span>Student union</span></h3>
								<div class="more">more>></div>
							</div>
							<div class="col-md-6 hidden-sm hidden-xs">
								<div class="thumbnail">
							      <img src="img/2.png" alt="..." class="img-responsive">
							      <div class="caption">
							        <p class="text-center">小珞团队获得冠军</p>
							      </div>
							    </div>
							</div>
							<div class="col-md-6 col-sm-12 col-xs-12">
								<table class="color-table table table-bordered table-striped text-center">
									<tr>
									  <th>职位</th><th>职位</th><th>职位</th>
									</tr>
									<tr>
									  <td>主席</td><td>主席</td><td>主席</td>
									</tr>
									<tr>
									  <td>内务 副主席</td><td>内务 副主席</td><td>内务 副主席</td>
									</tr>
									<tr>
									  <td>外务 副主席</td><td>外务 副主席</td><td>外务 副主席</td>
									</tr>
									<tr>
									  <td>秘书</td><td>秘书</td><td>秘书</td>
									</tr>
									<tr>
									  <td>财政</td><td>财政</td><td>财政</td>
									</tr>
									<tr>
									  <td>宣传</td><td>宣传</td><td>宣传</td>
									</tr>
									<tr>
									  <td>福利</td><td>福利</td><td>福利</td>
									</tr>
									<tr>
									  <td>学术</td><td>学术</td><td>学术</td>
									</tr>
									<tr>
									  <td>康乐</td><td>康乐</td><td>康乐</td>
									</tr>
									<tr>
									  <td>体育</td><td>体育</td><td>体育</td>
									</tr>
								</table>
								
							</div>
					
						</div>
						
					</div>
				</div>
			</div>
		</div>
		
		<div class="content">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="section activites-list">
							<div class="title">
								<h3>活动介绍<span>Activities</span></h3>
								<div class="more">more>></div>
							</div>
							<div class="col-md-2 col-sm-4 col-xs-6">
								<div class="thumbnail">
							      <img src="img/2.png" alt="...">
							      <div class="caption">
							        <p class="text-center">小珞团队获得冠军</p>
							      </div>
							    </div>
							</div>
							<div class="col-md-2 col-sm-4 col-xs-6">
								<div class="thumbnail">
							      <img src="img/2.png" alt="...">
							      <div class="caption">
							        <p class="text-center">小珞团队获得冠军</p>
							      </div>
							    </div>
							</div>
							<div class="col-md-2 col-sm-4 col-xs-6">
								<div class="thumbnail">
							      <img src="img/2.png" alt="...">
							      <div class="caption">
							        <p class="text-center">小珞团队获得冠军</p>
							      </div>
							    </div>
							</div>
							<div class="col-md-2 col-sm-4 col-xs-6">
								<div class="thumbnail">
							      <img src="img/2.png" alt="...">
							      <div class="caption">
							        <p class="text-center">小珞团队获得冠军</p>
							      </div>
							    </div>
							</div>
							<div class="col-md-2 col-sm-4 col-xs-6">
								<div class="thumbnail">
							      <img src="img/2.png" alt="...">
							      <div class="caption">
							        <p class="text-center">小珞团队获得冠军</p>
							      </div>
							    </div>
							</div>
							<div class="col-md-2 col-sm-4 col-xs-6">
								<div class="thumbnail">
							      <img src="img/2.png" alt="...">
							      <div class="caption">
							        <p class="text-center">小珞团队获得冠军</p>
							      </div>
							    </div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="content">
			<div class="container">
				<div class="row">	
					<div class="col-md-12">
						<div class="section previous-union">
							<div class="title">
								<h3>往届学生会<span>Student union</span></h3>
								<div class="more">more>></div>
							</div>
								
							
							<div class="col-md-2 col-sm-3">
								<div class="list-no-title">
									<div class="list-group hidden-xs">
									  <a href="#" class="list-group-item active">一年级</a>
									  <a href="#" class="list-group-item">二年级</a>
									  <a href="#" class="list-group-item">三年级</a>
									  <a href="#" class="list-group-item">四年级</a>
									</div>
									<div class="hidden-lg hidden-md hidden-sm">
										<select class="selectpicker" title="一年级">
											<option>一年级</option>
											<option>二年级</option>
											<option>三年级</option>
											<option>四年级</option>
											<option>五年级</option>
											<option>六年级</option>
										</select>
									</div>
								</div>
							</div>
							<div class="col-md-5 hidden-sm hidden-xs">
								<div class="thumbnail">
							      <img src="img/2.png" alt="..." class="img-responsive">
							      <div class="caption">
							        <p class="text-center">小珞团队获得冠军</p>
							      </div>
							    </div>
							</div>
							<div class="col-md-5 col-sm-9 col-xs-12">
								<table class="color-table table table-bordered table-striped text-center">
									<tr>
									  <th>职位</th><th>职位</th><th>职位</th>
									</tr>
									<tr>
									  <td>主席</td><td>主席</td><td>主席</td>
									</tr>
									<tr>
									  <td>内务 副主席</td><td>内务 副主席</td><td>内务 副主席</td>
									</tr>
									<tr>
									  <td>外务 副主席</td><td>外务 副主席</td><td>外务 副主席</td>
									</tr>
									<tr>
									  <td>秘书</td><td>秘书</td><td>秘书</td>
									</tr>
									<tr>
									  <td>财政</td><td>财政</td><td>财政</td>
									</tr>
									<tr>
									  <td>宣传</td><td>宣传</td><td>宣传</td>
									</tr>
									<tr>
									  <td>福利</td><td>福利</td><td>福利</td>
									</tr>
									<tr>
									  <td>学术</td><td>学术</td><td>学术</td>
									</tr>
									<tr>
									  <td>康乐</td><td>康乐</td><td>康乐</td>
									</tr>
									<tr>
									  <td>体育</td><td>体育</td><td>体育</td>
									</tr>
								</table>
								
							</div>
						</div>
						
					</div>
				</div>
			</div>
		</div>
		
		
		<div class="bottom content mobile-txtcenter">
			<div class="container">
				<div class="row">
					<div class="col-md-4 hidden-sm hidden-xs">
						<div class="col-md-4">
							<h4>友情链接</h4>
							<p>姐妹网站</p>
							<p>其他链接</p>
							<p>其他链接</p>
						</div>
						<div class="col-md-4">
							<h4>友情链接</h4>
							<p>姐妹网站</p>
							<p>其他链接</p>
							<p>其他链接</p>
						</div>
						<div class="col-md-4">
							<h4>友情链接</h4>
							<p>姐妹网站</p>
							<p>其他链接</p>
							<p>其他链接</p>
						</div>
					</div>
					<div class="col-md-2 hidden-sm hidden-xs text-center">
					    <img src="img/erweima.png" alt="...">
					    <p>官方公众号</p>
					</div>
					<div class="col-md-3 col-sm-6">
						<p>地址：中国 广州市 黄埔大道西601号</p>
						<p>邮编：510632 </p>
						<p>主页：https://www.jnu.edu.cn </p>
						<p>版权所有©暨南大学</p>
					</div>
					<div class="col-md-3 col-sm-6 hidden-xs">
			    		<img src="img/logo_down.png" class="logo-down img-responsive" />
					</div>
				</div>
			</div>
		</div>

	</body>

</html>